<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="format-detection" content="telephone=no">
		<title>金刚迷你仓管理平台</title>
		<style type="text/css">
			html,body{margin: 0;padding: 0;height: 100%;width: 100%;outline: 0;-webkit-text-size-adjust:none;}
			body{font-family: "microsoft yahei";font-size: 16px;color: #333;position: relative;background: url(images/bg.png) no-repeat center center /cover;background: url(images/bg.png) no-repeat center center\9;}
			.clear{clear: both;}
			input{-webkit-appearance: none;appearance: none;border-radius: 0;}
			.content{width: 746px;height: 428px;border-radius: 4px;background: #fff;position: absolute;left: 50%;top: 50%;margin-left: -373px;margin-top: -214px;padding: 68px 40px 0;box-sizing: border-box;}
			.left-icon{width: 276px;height: 263px;float: left;}
			.left-icon img{width: 100%;}
			.right-cont{float: right;}
			.right-cont .title{width: 341px;margin-bottom: 26px;}
			.right-cont .title img{width: 100%;}
			.input{width: 344px;height: 50px;border: 1px solid #BAB9B4;border-radius: 4px;overflow: hidden;margin-top: 14px;box-sizing: border-box;}
			#user_name,#password{display: inline-block;line-height: 50px;font-size: 16px;font-family: "microsoft yahei";outline: none;border: none;vertical-align: middle;width: 276px;margin-left: 10px;box-sizing: border-box;height: 100%;}
			.input i{display: inline-block;vertical-align: middle;border-right: 1px solid #BAB9B4;width: 40px;text-align: center;height: 30px;line-height: 35px;}
			.button{margin-top: 20px;}
			.button #log-btn{width: 162px;height: 50px;background: #FFD445;color: #fff;font-size: 20px;border: none;border-radius: 4px;outline: none;cursor: pointer;box-sizing: border-box;}
			.button #log-btn:hover{background: #FFD111;}
			.button #reset-btn{width: 162px;height: 50px;background: #fff;font-size: 20px;border: 1px solid #B4AFAF;border-radius: 4px;outline: none;cursor: pointer;margin-left: 15px;box-sizing: border-box;}
			.button #reset-btn:hover{box-shadow: 0 0 10px #dedede;}
		</style>
	</head>
	<body>
		<div class="content">
			<div class="left-icon"><img src="images/loginban.png" alt="" /></div>
			<div class="right-cont">
				<div class="title"><img src="images/logo.png" alt="" /></div>
				<form action="">
					<div class="input">
						<i><img src="images/userid.png" alt="" /></i>
						<input type="text" id="user_name"/>
					</div>
					<div class="input">
						<i><img src="images/pwd.png" alt="" /></i>
						<input type="password" id="password"/>
					</div>
					<div class="button">
						<input type="submit" value="登录" id="log-btn"/>
						<input type="button" value="重置" id="reset-btn"/>
					</div>
				</form>
			</div>
			<div class="clear"></div>
		</div>
	</body>
</html>
